<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <script>
        var html = document.getElementsByTagName('html')[0];
        html.style.fontSize = html.clientWidth / 3.75 + "px";
    </script>
    <title>个人资料</title>
    <link rel="stylesheet" href="../static/css/Reset.css"/>
    <link rel="stylesheet" href="../static/css/personalData.css"/>
    <link rel="stylesheet" href="../static/css/signIn.css"/>
</head>
<body>
<div class="wz_wrapper" id="personalDetail">
    <ul id="list" class="list" v-cloak>
    	<li class="txsc">
            <h4>头像</h4>
            <p class="touxiang"><img :src="detail.headPicUrl"></p>
            <div id="headPic" class="headPic">
            	<div class="nullbox"></div>
            </div>
       	</li>
        <li @click="clickModify(1)">昵称    <img class="rt" src="../static/images/gos.png" /><em id="_nikeName">{{detail.nikeName}}</em></li>
        <li @click="clickModify(2)">手机号<img class="rt" src="../static/images/gos.png" /><em>{{detail.mobile}}</em></li>
        <li @click="clickModify(3)">签名    <img class="rt" src="../static/images/gos.png" /><em id="_manifesto">{{detail.manifesto}}</em></li>
        <li>城市   <em>{{detail.city}}</em></li>
    </ul>
    <!--修改昵称-->
    <div id="modifyName" class="warp">
        <div class="wenzi">
            <textarea id="userName" maxlength="10" name="userName" rows="2" placeholder="请输入昵称">{{detail.nikeName}}</textarea>
            <!--<span id="BZmsg" class='Max_msg'>10</span>-->
        </div>
        <div class="prompt">2-10个字</div>
        <div @click="modifySubmit($event,1)" class="subbutton">
	        <span class="ss">保存</span>
	    </div>
	</div>
	<!--修改手机号-->
	<div id="modifyMobile" class="warp">
	    <div class="phone" id="modifyMobile_phone">
	        <div class="ho">
	            <input type="tel" id="tel" class="content" placeholder="请输入手机号" />
	            <i class="clear"><img src="../static/images/clear.png" alt="" /></i>
	        </div>
	    </div>
	    <div class="qc"></div>
	    <div class="yz">
	        <div class="hos">
	            <input type="tel" id="yz" class="contents" placeholder="请输入验证码" />
	        </div>
	    </div>
	    <div class="m msgs">获取验证码</div>
	    <div class="qc"></div>
	    <div class="qd" id="submit">提交修改</div>
	</div>
	<!--修改签名-->
	<div id="modifyPosition" class="warp">
	    <div class="wenzi">
	        <textarea id="userPosition" maxlength="15" name="userPosition" rows="2" placeholder="请输入签名">{{detail.manifesto}}</textarea>
	    </div>
	    <div class="prompt">2-15个字</div>
	    <div @click="modifySubmit($event,3)" class="subbutton">
	    <span class="ss">保存</span>
	</div>
	</div>
	<!--loading组件-->
	<loading v-show="showLoading"></loading>
</div>
</body>
<script src="https://api.map.baidu.com/api?v=2.0&ak=1BiZDIdoRV9iryDNcdF4oU37pqwftOin&s=1"></script>
<script type="text/javascript" src="../libs/jquery.min.js"></script>
<script type="text/javascript" src="../libs/fastclick.min.js"></script>
<script type="text/javascript" src="../libs/vue/vue.min.js"></script>
<script type="text/javascript" src="../libs/vue/vue-resource.min.js"></script>
<script type="text/javascript" src="../libs/webuploader.html5only.js"></script>
<script type="text/javascript" src="../libs/require.js"></script>
<script type="text/javascript" src="../libs/var.js"></script>
<script type="text/javascript" src="../libs/common.js"></script>
<script type="text/javascript" src="./js/headPicUpload.js"></script>
<script type="text/javascript" src="./js/personalData.js"></script>
</html>